<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>个人中心-笔记</title>
    <div data-th-replace="layout/user/user-center-head"></div>
    <link th:href="@{{path}/common/v3/cssfont/myFonts/myFonts.css?v={v}(path=${staticPath},v=${v})}" rel="stylesheet" type="text/css"/>
</head>
<body>
<header class="mode-header__wrap newCenter-header__wrap">
    <div class="mode-header">
        <nav class="navbar">
            <div>
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header header-logo">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand c-fff" href="/">
                        <img class="logo" th:src="${logoMap['url']}" th:alt="${infoMap['company']}">
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="${navigation.linkUrl}"class="c-fff">首页</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">课程</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">讲师</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">考试</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">问答</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">社区</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">资讯</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">免费直播</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">图书</a></li>
                        <li><a href="${navigation.linkUrl}"class="c-fff">活动</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="head-shopCart ml10">
                            <a href="#" class="dropdown-toggle c-999 pr" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-shopping-cart fs16 mr5"></i>购物车
                                <span class="badge badge-danger head-keNum-pointer hide">0</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="head-sc-kc-list">
                                        <div id="head-shop-list-box" class="pt10 pr10 pb10 pl10">
                                            <c:choose>
                                                <c:when test="${empty userMap}">
                                                    <!--未登录显示-->
                                                    <div class="text-center">
                                                        <div class="pt10">
                                                            <a href="${userWebPath}/web/user/login"><button type="button" class="btn btn-info">登录</button></a>
                                                            <span class="fs14 c-999 ml10">同步各端数据</span>
                                                        </div>
                                                        <hr />
                                                    </div>
                                                </c:when>
                                            </c:choose>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                                <li th:if="!${#maps.isEmpty(userMap)}" class="dropdown head-userFace">
                                    <a href="#" class="dropdown-toggle c-999" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                        <img th:if="${#strings.isEmpty(userMap['avatar'])}" th:src="@{{path}/front/web/v3/img/default/userface.gif(path=${staticPath})}" class="head-sc-userface img-circle" width="40" height="40" alt=""/>
                                        <img th:if="!${#strings.isEmpty(userMap['avatar'])}" th:src="${userMap['avatar']}" class="head-sc-userface img-circle" width="40" height="40" alt=""/>
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a th:href="@{/web/uc/course/user/index}"><i class="fa fa-user mr5"></i> 个人中心</a></li>
                                        <li role="separator" class="divider"></li>
                                        <li><a th:href="@{/web/user/signOut}"><i class="fa fa-sign-out mr5"></i> 退出</a></li>
                                    </ul>
                                </li>
                        <li th:if="${#maps.isEmpty(userMap)}"><a th:href="@{/web/user/login}" class="c-999">登录</a></li>
                        <li th:if="${#maps.isEmpty(userMap)}"><a th:href="@{/web/user/register}" class="c-999">注册</a></li>
                        <li class="dropdown scan-download">
                            <a href="javascript:void(0);" class="dropdown-toggle c-999" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="手机端"><i class="fa fa-mobile-phone fs20 vam"></i> <span class="caret"></span></a>
                            <ul class="dropdown-menu dropdown-box">
                                <li class="text-center">
                                    <img src="${appDowMap.url}" width="130" height="130" alt="app扫码下载"/>
                                    <br>
                                    <span class="fs12 c-999">app扫码下载</span>
                                </li>
                                <li class="text-center">
                                    <img src="${h5MobileMap.url}" width="130" height="130" alt="H5&微信"/>
                                    <br>
                                    <span class="fs12 c-999">H5&微信</span>
                                </li>
                                <li class="text-center">
                                    <img src="${smallAppMap.url}" width="130" height="130" alt="小程序"/>
                                    <br>
                                    <span class="fs12 c-999">小程序</span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form head-search navbar-right" action="${courseWebPath}/web/course/queryCourseList" method="get">
                        <div class="form-group">
                            <input type="text" class="form-control" name="courseName" placeholder="搜索课程"/>
                        </div>
                        <button type="submit" title="搜索" class="btn btn-warning fs18"><i class="fa fa-search"></i></button>
                    </form>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</header>
<div class="u-bg">
    <div class="container pr u-container" id="uCenterMain">
        <section class="uCenter-box pa" id="uCenter-box">
            <div class="row uH">
                <div class="col-sm-12 uH">
                    <div class="u-i-left__wrap u-i-left_box uH">
                        <!--左侧公共菜单 开始-->
                        <div data-th-replace="layout/user/user-left-menu"></div>
                        <!--左侧公共菜单 结束-->
                        <!--内容开始-->
                        <article class="u-c-c-cont__wrap u-c-c-main uH" >
                            <div class="u-c-box uH" style="min-height: 100%;">
                                <div class="mr20 pr10 pt10 uH">
                                    <section class="c-head-title clearfix">
                                        <aside class="pull-right mt10">
                                            <a href="javascript:void(0)" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                <i class="fa fa-calendar-check-o mr5"></i>签到
                                            </a>
                                        </aside>
                                        <h6>
                                            <span class="fs14 c-333 vam hLh30">我的笔记</span>
                                        </h6>
                                    </section>

                                    <section class="u-head-title">
                                        <aside>
                                            <span class="fs18">我的笔记</span>
                                            <span class="c-999 fs14">
                                                共<span class="c-danger fs14 ml5">12</span> 个笔记
                                            </span>
                                        </aside>
                                    </section>
                                    <div id="course_list_context" class="mt20 right-list-box">
                                        <div class="right-s-box u-my-course_box">
                                            <div class="u-my-course__wrap row u-active__list">
                                                <div class="col-sm-3">
                                                    <section class="media u-note-item u-active-item">
                                                        <section class="u-note-content-item">
                                                            <section class="hLh30 txtOf">
                                                                <i class="myIconfont icon-zhuangshiyongyinhao fs24 icon-tit vam"></i>
                                                                <a href="javascript:void(0)" class="fs14 c-333">区块链应用技术</a>
                                                            </section>
                                                            <section class="u-active-introduce u-note-introduce">
                                                                <span class="fs12">我觉老师讲的简单易懂，受益匪浅下次这个知识点应该做好笔记。</span>
                                                            </section>
                                                            <section class="clearfix u-note-bottom">
                                                                <span>
                                                                    <a href="" class="hLh30">
                                                                        <button class="btn u-btn" type="button"><i class="myIconfont icon-icon-- fs12 vam mr5"></i>06-15 13:35</button>
                                                                    </a>
                                                                </span>
                                                            </section>
                                                        </section>
                                                    </section>
                                                </div>
                                                <div class="col-sm-3">
                                                    <section class="media hand u-active-item-add">
                                                        <a th:href="@{/web/course/courseList}">
                                                            <p class="text-center fs14 c-999 hLh20 mb20">学习更多课程</p>
                                                            <i class="fa fa-plus-circle text-center fs30 c-info show"></i>
                                                        </a>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <!--内容结束-->
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

<footer class="newCenter-footer__wrap">
    <p class="fs12">©2010-2017 北京易知路科技有限公司 版权所有 京公网安备11010802011695号 京ICP备13029607号</p>
</footer>
<div data-th-replace="layout/user/user-common"></div>
<!--公共引入签到js-->
<!--<script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/course/user/u-myCourse.js}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/course/user/activation-course.js?v={v}(path=${staticPath},v=${v})}"></script>-->
</body>
</html>